<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2021/1/1
  Time: 15:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>购物商城</title>
    <style>
        * { /*【*】表示所有控件*/
            margin: 0 auto; /*设置外边距为0*/
            padding: 0; /*设置内边距为0*/
            list-style: none;
        }

        a {
            text-decoration: none; /*下划线为无*/
        }

        a:hover { /*鼠标移到上面后，文字变成粉色*/
            color: #FB88C4;
        }

        .header-a {
            color: #CCCCCC;
        }

        li {
            float: left;
            width: 6.25%;
            text-align: center;
            line-height: 32px;
            font-size: 14px;
        }

        li a {
            color: white;
        }

        li a:hover {
            color: #FFFF00;
        }

    </style>
</head>
<body>
<div style="height:32px; width:100%; background-color: #EFEFEF">
    <%--头页面的第一部分--%>
    <div style="width:1000px; height:32px; font-size:15px; line-height:32px; text-align:right">
        官方网站：<a href="http://4399.com" target="_top">http://gz.gec-edu.org</a>
        [<a href="${pageContext.request.contextPath}/login.jsp" target="_top">登录</a>]
        [<a href="${pageContext.request.contextPath}/register.jsp" target="_top">免费注册</a>]
        [<a href="${pageContext.request.contextPath}/shopCar.jsp" target="_top">我的购物车</a>]
        [<a href="${pageContext.request.contextPath}/Order.jsp" target="_top">我的订单</a>]
        [<a href="${pageContext.request.contextPath}/index.jsp" target="_top">设为首页</a>]
        [<a href="#">加入收藏</a>]
    </div>
    <%--头页面第二部分--%>
    <div style="width:1000px; height:110px; position:relative/*相对位置*/">
        <img src="images/images/article/logo.gif">
        <img src="images/images/banner.gif" style="margin-top:10px">

        <div style="position:absolute/*绝对位置*/; right:50px; top:30px; font-size:14px">
            <div style="border:1px solid #CCCCCC; width:70px; height:20px; line-height:20px;text-align:center"><a
                    href="#" class="header-a">关于我们</a></div>
            <div style="margin-top:10px;border:1px solid #CCCCCC; width:70px; height:20px; line-height:20px;text-align:center">
                <a href="#" class="header-a">联系方式</a></div>
        </div>
    </div>
    <%--头页面的第三部分--%>
    <div style="width:100%; height:32px;">
        <body  background="images/images/background.png" style="background-repeat: repeat-x;background-position-y: 142px;"></body>
        <div style="width:1000px; height:32px;">
            <ul>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0001" target="_top">首页</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0001 " target="_top">护肤</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0002 " target="_top">彩妆</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0003 " target="_top">香氛</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0004 " target="_top">身体护理</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0005 " target="_top">礼盒套装</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0006 " target="_top">母婴专区</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0007 " target="_top">男士专区</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0008 " target="_top">粉底</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0009 " target="_top">粉饼</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0010 " target="_top">睫毛膏</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0011 " target="_top">唇彩</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0012 " target="_top">腮红</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0013 " target="_top">食品保健</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0014 " target="_top">瘦身类</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0015 " target="_top">美容类</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
